<!--顶部搜索历史模板-->
<ul>
    <li>
        <span class="iconfont icon-lishi"></span>
        <a href="javascript:;">php现在怎么样？</a>
    </li>

    <li>
        <span class="iconfont icon-lishi"></span>
        <a href="javascript:;">我喜欢的人不喜欢我怎么呢办？</a>
    </li>

    <li>
        <span class="iconfont icon-lishi"></span>
        <a href="javascript:;">“看上隔壁小花啦” 是谁？</a>
    </li>
</ul>

<div class="searchClear">
    <span class="iconfont icon-shanchu"></span>
    <a href="javascript:;">清空历史记录</a>
</div>

<div class="kt-searchBg-close">
    <a href="javascript:;"><span class="iconfont icon-close"></span></a>
</div>

<script>
    layui.use([
        'jquery'
    ], function () {

        var $ = layui.jquery;

        // 点击关闭
        $(document).on('click', '.kt-searchBg-close a', function () {

            $('.kt-welcome').removeClass('click');
            $('.kt-searchBg').remove();
            $('.kt-body').css('filter','unset');
            $('.kt-footer').css('filter','unset');

            // 允许body滚动
            $('html').removeClass('not-scroll');
        });

    });
</script>